<template>
  <div>
    <div class="tip">微信扫一扫，快速登录</div>
    <div class="code-pannel">
      <img
        class="scan-code"
        src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQHf7jwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyM1BtbG9sUXhlQUMxNUJReXhCY3IAAgQ5cyJlAwQsAQAA"
        alt=""
      />
    </div>
    <el-divider></el-divider>
    <span class="register-btn" @click="wechat"> 企业免费注册 </span>
  </div>
</template>

<script>
export default {
  name: "loginWechat",
  methods: {
    wechat() {
      this.$emit("wechat");
    },
  },
};
</script>

<style scoped>
.tip {
  color: #323336;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC, sans-serif;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-bottom: 17px;
}
.code-pannel {
  width: 220px;
  height: 180px;
  margin: 0 auto;
}
.scan-code {
  width: 180px;
  margin: 0 auto;
  display: block;
}
.register-btn {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, sans-serif;
  font-weight: 400;
  color: #2684ff;
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
</style>
